$(function () {
    // 需求1: 渲染用户信息 后面还要用 所以封装成函数
    let layer = layui.layer
    let form = layui.form
    initUserInfo()
    function initUserInfo() {
        // 获取用户信息
        axios({
            method: 'GET',
            url: '/my/userinfo',
            // headers: {
            //     Authorization: localStorage.getItem('token')
            // }
        }).then((res) => {
            // console.log(res.data);
            // 判断
            let obj = res.data
            if (obj.status !== 0) {
                return layer.msg(obj.message)
            }
            // 赋值
            form.val('formUserInfo', obj.data)
        })
    }
    // 需求2: 自定义效验
    form.verify({
        nickname: function (value) {
            if (value.length > 10) {
                return '用户昵称1-10位之间'
            }
        }
    })

    // 需求3:修改用户信息
    $('form').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/my/userinfo',
            data: $('form').serialize(),
            // headers: {
            //     Authorization: localStorage.getItem('token')
            // }
        }).then((res) => {
            let obj = res.data
            if (obj.status != 0) {
                return layer.msg(obj.message)
            }
            // 提示 刷新index.html中的用户名
            layer.msg('恭喜您,修改用户信息成功')
            window.parent.getUserInfo()
        })
    })

    //  需求4:

    // $('#resetBtn').on('click', function (e) {
    //     e.preventDefault()
    //     alert(11111)
    // })



    $('form').on('reset', function (e) {
        e.preventDefault()
        initUserInfo()
    })
})